<!DOCTYPE html>
<html lang="zh-CH">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>消息</title>
    <link href="framework/font-awesome-4.7.0/css/font-awesome.min.css" rel="stylesheet">
    <link href="framework/reset.css" rel="stylesheet">
    <link href="css/mine.css" rel="stylesheet">
</head>
<body>
<div class="wrapper">
    <!-- header -->
    <header>
        <div class="left" onclick="location.href='login.html'">
            <img src="img/touxiang.jpg">
            <p>点击登录</p>
        </div>
        <div class="right">
            <p>客服</p>
            <p>设置</p>
        </div>
    </header>

    <div class="blocks">
        <!-- block -->
        <div class="block1">
            <div>
                <img src="img/mine1.jpg">
                <p> 收藏</p>
            </div>
            <div>
                <img src="img/mine2.jpg">
                <p>浏览记录</p>
            </div>
            <div>
                <img src="img/mine3.jpg">
                <p>红包卡券</p>
            </div>
            <div>
                <img src="img/mine4.jpg">
                <p>美团币 </p>
            </div>
        </div>
        <div class="block2">
            <p class="title">
                订单
            </p>
            <div class="block">
                <div>
                    <img src="img/mine5.jpg">
                    <p>全部订单</p>
                </div>
                <div>
                    <img src="img/mine6.jpg">
                    <p>待收货/使用</p>
                </div>
                <div>
                    <img src="img/mine7.jpg">
                    <p>待评价</p>
                </div>
                <div>
                    <img src="img/mine8.jpg">
                    <p>退款售后</p>
                </div>
            </div>
        </div>
        <div class="block3">
            <div class="title">
                <p class="left">钱包</p>
                <p class="right">进入钱包<i class="fa fa-angle-right"></i></p>
            </div>
            <div class="block">
                <div>
                    <div class="c1">
                        <p class="f1">1</p>
                        <p class="f2">个</p>
                    </div>
                    <div class="c2">
                        <p class="f2">未领取</p>
                    </div>
                    <div class="c3">
                        <p class="f3">支付奖励</p>
                    </div>
                </div>
                <div>
                    <div class="c1">
                        <p class="f1">1</p>
                        <p class="f2">笔</p>
                    </div>
                    <div class="c2">
                        <p class="f2">消费记录</p>
                    </div>
                    <div class="c3">
                        <p class="f3">我的账单</p>
                    </div>
                </div>
                <div>
                    <div class="c1">
                        <p class="f1">1</p>
                        <p class="f2">笔</p>
                    </div>
                    <div class="c2">
                        <p class="f2">下单有返利</p>
                    </div>
                    <div class="c3">
                        <p class="f3">最低可领</p>
                    </div>
                </div>
                <div>
                    <div class="c1">
                        <p class="f1">1</p>
                        <p class="f2">家</p>
                    </div>
                    <div class="c2">
                        <p class="f2">银行活动</p>
                    </div>
                    <div class="c3">
                        <p class="f3">无门槛</p>
                    </div>
                </div>
            </div>
        </div>

        <div class="block4">
            <div>
                <img src="img/mine9.jpg">
                <p>天天领钱</p>
            </div>
            <div>
                <img src="img/mine10.jpg">
                <p>天天领现金</p>
            </div>
            <div>
                <img src="img/mine11.jpg">
                <p>小美果园</p>
            </div>
            <div>
                <img src="img/mine12.jpg">
                <p>斗地主</p>
            </div>
            <div>
                <img src="img/mine13.jpg">
                <p>能量操场</p>
            </div>
            <div>
                <img src="img/mine14.jpg">
                <p>鲜果消消</p>
            </div>
            <div>
                <img src="img/mine15.jpg">
                <p>团团聚</p>
            </div>
            <div>
                <img src="img/mine16.jpg">
                <p>美食小镇</p>
            </div>
            <img src="img/tiao.jpg">

        </div>

        <div class="block5">
            <div class="title">
                <p class="left">书城</p>
                <p class="right">查看更多<i class="fa fa-angle-right"></i></p>
            </div>
            <div class="book">
                <div class="left">
                    <img src="img/book.jpg">
                    <div class="name">
                        <div class="c1">盛装山河</div>
                        <div class="c2">阅读赚钱，可提现</div>
                    </div>
                </div>
                <div class="right">
                    <div class="c3">开始阅读</div>
                </div>
            </div>

        </div>
        <div class="block6">
            <div>
                <img src="img/mine17.jpg">
                <p>小说剧场</p>
            </div>
            <div>
                <img src="img/mine18.jpg">
                <p>企业服务</p>
            </div>
            <div>
                <img src="img/mine19.jpg">
                <p>开发票</p>
            </div>
            <div>
                <img src="img/mine20.jpg">
                <p>手机充值</p>
            </div>
            <div>
                <img src="img/mine21.jpg">
                <p>入驻美团</p>
            </div>
            <div>
                <img src="img/mine22.jpg">
                <p>美团公益</p>
            </div>
            <div>
                <img src="img/mine23.jpg">
                <p>领券中心</p>
            </div>
            <div>
                <img src="img/mine24.jpg">
                <p>全部工具</p>
            </div>
        </div>
    </div>

    <!-- 底部菜单 -->
    <ul class="footer">
        <li class="bottom2" onclick="location.href='index.html'">
            <img src="img/bottom12.jpg">
            <p>首页</p>
        </li>
        <li class="bottom2">
            <img src="img/bottom2.jpg">
            <p>视频</p>
        </li>
        <li class="bottom2" onclick="location.href='message.html'">
            <img src="img/bottom3.jpg">
            <p>消息</p>
        </li>
        <li class="bottom2" onclick="location.href='cart.html'">
            <img src="img/bottom4.jpg">
            <p>购物车</p>
        </li>
        <li class="bottom2" onclick="location.href='mine.html'">
            <img src="img/bottom15.jpg">
            <p>我的</p>
        </li>
    </ul>
</div>

</body>
</html>